let item = document.getElementsByClassName('item')
let box = document.getElementsByClassName('box')[0]
//使用数组对象的forEach函数遍历非数组类型的数据结构
Array.prototype.forEach.call(item, function (it, index) {
  it.onclick = function () {
   
    for (let i = 0; i < item.length; i++) {
      item[i].className = 'item'
      if (i === index) {
        item[i].className = 'item active'
      }
    }
  }
})